<!DOCTYPE html>
<html lang="en">
<!--引用 shiv 代码的链接必须位于 <head> 元素中，因为 Internet Explorer 需要在读取之前认识所有新元素。-->
<head>
    <meta charset="UTF-8">
    <title>Shiv</title>
<!--    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">-->
    </script>

    <style>
        body {font-family: Verdana, sans-serif; font-size:0.8em;}
        header,nav, section,article,footer
        {border:1px solid grey; margin:5px; padding:8px;}
        nav ul {margin:0; padding:0;}
        nav ul li {display:inline; margin:5px;}
    </style>
</head>
<body>
<header>
    <h1>HTML5 Skeleton</h1>
</header>

<nav>
    <ul>
        <li><a href="#">链接1</a></li>
        <li><a href="#">链接2</a></li>
        <li><a href="#">链接3</a></li>
    </ul>
</nav>

<section>
    <h2>舞种</h2>
    <article>
        <h2>breaking</h2>
        <p>霹雳舞/地板舞</p>
    </article>
    <article>
        <h2>hip-hop</h2>
        <p>自由式街舞</p>
    </article>
    <article>
        <h2>locking</h2>
        <p>锁舞</p>
    </article>
</section>
<footer>
    <p align="center" style="font-size: 15px">@街舞</p>
</footer>
</body>
</html>